<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
	
	<title>Who is important?</title>
	
	<link rel="stylesheet" href="<?php echo $this->config->base_url();?>css/style.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="<?php echo $this->config->base_url();?>css/popup.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="<?php echo $this->config->base_url();?>css/jquery.ui.all.css" type="text/css" media="screen" />	
	<script type="text/javascript" src="<?php echo $this->config->base_url();?>js/jquery-1.4.2.min.js"></script>
	<script type="text/javascript" src="<?php echo $this->config->base_url();?>js/jcarousellite.js"></script>
	<script type="text/javascript" src="<?php echo $this->config->base_url();?>js/captify.tiny.js"></script>
	
	<script type="text/javascript" src="<?php echo $this->config->base_url();?>js/jquery-ui-1.8.custom.min.js"></script>
	<script type="text/javascript" src="<?php echo $this->config->base_url();?>js/jquery.cookie.js"></script>
        
        
 	
	<script type="text/javascript" src="<?php echo $this->config->base_url();?>js/ga.js"></script>
	<script type="text/javascript" src="<?php echo $this->config->base_url();?>js/jquery.tools.min.js"></script>	
        
	<script type="text/javascript" src="<?php echo $this->config->base_url();?>js/fix.ie9.js"></script>
        
        <script type="text/javascript" src="<?php echo $this->config->base_url();?>js/yui-min.js"></script>
        <script type="text/javascript" src="<?php echo $this->config->base_url();?>js/main_first.js"></script>
	<script type="text/javascript" src="<?php echo $this->config->base_url();?>js/main_second.js"></script>
	<script type="text/javascript" src="<?php echo $this->config->base_url();?>js/main_third.js"></script>
	<script type="text/javascript" src="<?php echo $this->config->base_url();?>js/main_forth.js"></script>
	<script type="text/javascript" src="<?php echo $this->config->base_url();?>js/main_fifth.js"></script>

        
	 
        
        
	<script type="text/javascript">
    
    
     function openAddPerson(categoryId){
         var top = jQuery(document).height()/2 -jQuery( "#dialog-form").height()/2 ;
         var left = jQuery(document).width()/2 - jQuery( "#dialog-form").width()/2;
				//jQuery( "#dialog-form" ).dialog( "open" );
                                jQuery( "#dialog-form").css({ 'display':'block','z-index':'11','left':left,'top':top});
                                jQuery( "#addPersonForm input#categoryId").attr("value",categoryId );
                                showMask();
    }
     function closeAddPerson(){
        // var top = jQuery(document).height()/2 -jQuery( "#dialog-form").height()/2;
         //var left = jQuery(document).width()/2 - jQuery( "#dialog-form").width()/2;
				//jQuery( "#dialog-form" ).dialog( "open" );
                                jQuery( "#dialog-form").css({ 'display':'none'});
                                hideMask();
                                return false;
    }
    function showMask(){
     	
        //Set heigth and width to mask to fill up the whole screen
          // //Get the screen height and width
		var maskHeight = jQuery(document).height();
		var maskWidth = jQuery(window).width();
		
                jQuery('#mask').css({'width':maskWidth,'height':maskHeight,'background':'#3F3F3F','z-index':'10'});
                //transition effect		
		jQuery('#mask').fadeIn(1000);	
		jQuery('#mask').fadeTo("slow",0.8);	
		
    }
      function hideMask(){
          jQuery('#mask').css('display', 'none');
    }
</script>
</head>

<body>